<template>
	<view>
		<!-- 热门分类 -->
		<view class="flex align-center justify-between px-2">
			<text class="font-md">热门分类</text>
			<view class="flex align-center font text-secondary animated" hover-class="jello" @click="openMore">
				更多<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<!-- 热门列表 -->
		<view class="flex align-center justify-between py-3 px-2 border-bottom ">
			<view class="border rounded bg-light px-2 animated" hover-class="jello" v-for="(item, index) in hotCate"
				:key="index" @click="openDetail(item)">
				{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['hotCate'],
		data() {
			return {
				
			}
		},
		methods: {
			//点击更多
			openMore() {
				uni.navigateTo({ //跳转到话题更多
					url: '../../pages/topic-nav/topic-nav',
				});
			},
			// 打开话题详情页
			openDetail(aa){
				console.log('打开话题分类页')
				console.log(aa)
			}
		}
	}
</script>

<style>
</style>